<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>丽子美妆</title>
        <link rel="shortcut icon" href="../img/loginImgs/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="../lib/font/iconfont.css">
        <link rel="stylesheet" href="../css/detail.css">
        <link rel="stylesheet" href="../css/footer.css">
        <script src="/lib/requirejs/require.js" data-main="/js/detail"></script>

</head>
<body>
 
        <div class="fixed"></div>


        <div class="top1"></div>
    
        <header></header>





    <div class="detail-banner">

    </div>

    <div class="detail-nav">
        <div class="wrap">
                <ul>
                    <li><a href="">首页</a></li>
                    <li class="all">
                        <a href="">全部商品
                        <i class="iconfont icon-shouqi1"></i>
                        </a>
                        <ul class="xiala">
                            <li><a href="">当季爆款</a></li>
                            <li><a href="">潮流新品</a></li>
                            <li><a href="">护肤</a></li>
                            <li><a href="">彩妆</a></li>
                            <li><a href="">当季爆款</a></li>
                            <li><a href="">潮流新品</a></li>
                            <li><a href="">护肤</a></li>
                            <li><a href="">彩妆</a></li>
                        </ul>
                    </li>
                    <li><a href="">护肤</a></li>
                    <li><a href="">彩妆</a></li>
                    <li><a href="">日化清洁</a></li>
                    <li><a href="">健康保持</a></li>
                    <li><a href="">化妆工具</a></li>
                    <li><a href="">清仓工具</a></li>
                </ul>
        </div>   
    </div>

    <div class="detail-body">
        <div class="wrap">
            <div class="detail-content">
                <div class="zoombox">
                    <script type="text/html" id="detail-template-zoom">
						<img src="{{img[0].middle}}" data-zoom-image="{{img[0].big}}" class="middle-zoom">
						<!-- 显示小图 -->
						<div id="gal1">
							{{each img curr}}
							<a href="#" data-image="{{curr.middle}}" data-zoom-image="{{curr.big}}">
								<img src="{{curr.small}}" alt="">
							</a>
							{{/each}}
						</div>
                         <div class="clearfix"></div>
                    </script>
                </div>

                <div class="describe">

                    <script type="text/html" id="detail-template-desc">
                        <span class="prod_id" style="display:none">{{id}}</span>
                        <p class="d-title prod_title">{{title}}</p>
                        <p class="p sprice">市场价<span class="ss prod_sprice">{{sprice}}</span></p>
                        <p class="p lprice">丽子价<span class="ss prod_lprice">{{lprice}}</span></p>
                        <p class="p salenum">销 量<span class="ss">最近售出<i>{{salenum}}</i>件</span></p>
                        <p class="p num">数 量<span class="ss reduce">-</span><input type="text" class="prod_amount" value="1"><span class="add">+</span></p>
                        <a href="" class="addcart-btn">加入购物车</a>
                        <p class="bao">100%正品<span>|</span>48小时发货<span>|</span>30天无理由退货</p>
                    </script>
                </div>

                <div class="look">
                    
                    <script type="text/html" id="detail-template-look">
                        <p>看了又看</p>
                    {{each list curr}}
                        <div class="look-item">
                        
                            <img src="{{curr.img}}" alt="">
                            <span class="look-price">{{curr.price}}</span>

                        </div>
                    {{/each}}
                    </script>
                </div>
            </div>


            <div class="detail-msg-pic">
                <h3>全是想象的图片！</h3>
                <h3>全是想象的图片！</h3>
            </div>
        </div>
    </div>

    <footer></footer>
</body>
</html>